<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/masterLayout.xhtml">

	<ui:define name="title">
            REPORTES
        </ui:define>
	<ui:define name="content">

		<p:growl id="mensaje" showDetail="true" life="7000" />

		<p:panel id="panel" header="REPORTES" style="margin-bottom:10px;">

			<h:panelGrid columns="3" cellpadding="1">

				<h:form target="_blank">
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="FECHA INICIO:" />
							<p:calendar value="#{egresoReport.fechaInicio}" />

							<h:outputText value="FECHA FIN:" />
							<p:calendar value="#{egresoReport.fechaFin}" />
						</h:panelGrid>
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton actionListener="#{egresoReport.reporteGanancia}"
							value="GANANCIAS" ajax="false" />
					</h:panelGrid>
				</h:form>

				<h:form target="_blank">
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="FECHA INICIO:" />
							<p:calendar value="#{egresoReport.fechaInicio}" />

							<h:outputText value="FECHA FIN:" />
							<p:calendar value="#{egresoReport.fechaFin}" />
						</h:panelGrid>
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton
							actionListener="#{egresoReport.reporteChequesPorCobrar}"
							value="CHEQUES POR COBRAR" ajax="false" />
					</h:panelGrid>
				</h:form>

				<h:form>
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton value="PRODUCTOS A CARGAR" update=":formEgreso"
							actionListener="#{egresoReport.limpiarObjetosBusqueda}"
							oncomplete="PF('productosCargarDialogo').show()" />
					</h:panelGrid>
				</h:form>

				<h:form id="formReporteVolumenVenta" target="_blank">
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="FECHA INICIO:" />
							<p:calendar value="#{egresoReport.fechaInicio}" required="true"
								requiredMessage="INGRESE UNA FECHA INICIO" />

							<h:outputText value="FECHA FIN:" />
							<p:calendar value="#{egresoReport.fechaFin}" required="true"
								requiredMessage="INGRESE UNA FECHA FIN" />

							<p:outputLabel value="TIPO DOCUMENTO:" />
							<p:selectOneMenu
								value="#{egresoReport.tipodocumento.tipodocumentoid}"
								filter="true" filterMatchMode="contains" required="true"
								requiredMessage="ESCOJA UN TIPO DE DOCUMENTO">
								<f:selectItem itemLabel="ESCOJA UN TIPO DE DOCUMENTO" />
								<f:selectItem itemValue="1" itemLabel="FACTURA" />
								<f:selectItem itemValue="8" itemLabel="NOTA DE ENTREGA" />
								<f:selectItem itemValue="9" itemLabel="FACTURA INTERNA" />
							</p:selectOneMenu>

							<p:outputLabel value="VENDEDOR:" />
							<p:selectOneMenu value="#{egresoReport.vendedorId}" filter="true"
								filterMatchMode="contains">
								<f:selectItem itemLabel="ESCOJA UN VENDEDOR" />
								<f:selectItems value="#{egresoReport.listaVendedores}"
									var="vendedor" itemValue="#{vendedor.id}"
									itemLabel="#{vendedor.cedula} - #{vendedor.apellido} #{vendedor.nombre}" />
							</p:selectOneMenu>

						</h:panelGrid>
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton
							actionListener="#{egresoReport.reporteVolumenVentaFactura}"
							value="VOLUMEN DE VENTA POR FACTURA" ajax="false"
							update="formReporteVolumenVenta" />
					</h:panelGrid>
				</h:form>

				<h:form id="formReporteVolumenProducto" target="_blank">
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="FECHA INICIO:" />
							<p:calendar value="#{egresoReport.fechaInicio}" required="true"
								requiredMessage="INGRESE UNA FECHA INICIO" />

							<h:outputText value="FECHA FIN:" />
							<p:calendar value="#{egresoReport.fechaFin}" required="true"
								requiredMessage="INGRESE UNA FECHA FIN" />

							<p:outputLabel value="ORDENAR POR:" />
							<p:selectOneMenu value="#{egresoReport.ordenarId}" filter="true"
								filterMatchMode="contains" required="true"
								requiredMessage="ESCOJA UNA OPCION">
								<f:selectItem itemValue="1" itemLabel="NOMBRE" />
								<f:selectItem itemValue="2" itemLabel="CANTIDAD" />
							</p:selectOneMenu>

						</h:panelGrid>
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton
							actionListener="#{egresoReport.reporteVolumenVentaProducto}"
							value="VOLUMEN DE VENTA POR PRODUCTO" ajax="false"
							update="formReporteVolumenVenta" />
					</h:panelGrid>
				</h:form>

				<h:form id="formCobranzaFactura" target="_blank">
					<h:panelGrid columns="1" cellpadding="1"
						style="text-align: center;">
						<h:panelGrid columns="2" cellpadding="1">
							<h:outputText value="PROVINCIA:" />
							<p:selectOneMenu id="comboProvincia" filter="true"
								value="#{egresoReport.provincia.provinciaid}">
								<f:selectItem itemLabel="ESCOJA UNA PROVINCIA" />
								<f:selectItems value="#{egresoReport.listaProvincias}"
									var="provincia" itemValue="#{provincia.provinciaid}"
									itemLabel="#{provincia.nombre}" />
								<p:ajax event="change" listener="#{egresoReport.cargarCiudades}"
									update="comboCiudad" />
							</p:selectOneMenu>

							<h:outputText value="CIUDAD:" />
							<p:selectOneMenu id="comboCiudad"
								value="#{egresoReport.ciudad.ciudadid}">
								<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
								<f:selectItems value="#{egresoReport.listaCiudades}"
									var="ciudad" itemValue="#{ciudad.ciudadid}"
									itemLabel="#{ciudad.nombre}" />
							</p:selectOneMenu>

							<p:outputLabel value="VENDEDOR:" />
							<p:selectOneMenu value="#{egresoReport.vendedorId}" filter="true"
								filterMatchMode="contains">
								<f:selectItem itemLabel="ESCOJA UN VENDEDOR" />
								<f:selectItems value="#{egresoReport.listaVendedores}"
									var="vendedor" itemValue="#{vendedor.id}"
									itemLabel="#{vendedor.cedula} - #{vendedor.apellido} #{vendedor.nombre}" />
							</p:selectOneMenu>

						</h:panelGrid>
						<p:graphicImage value="../../../resources/images/r7.png" />

						<p:commandButton
							actionListener="#{egresoReport.reporteCobranzaFactura}"
							value="COBRANZA DE FACTURAS" ajax="false"
							update="formCobranzaFactura" />
					</h:panelGrid>
				</h:form>

			</h:panelGrid>

			<p:dialog header="PRODUCTOS A CARGAR"
				widgetVar="productosCargarDialogo" resizable="false" modal="fasle"
				showEffect="clip" hideEffect="fold" id="dialogoNuevo" width="60%">

				<h:form target="_blank" id="formEgreso">
					<h:panelGrid columns="3">
						<h:outputText value="FECHA INICIO:" />
						<p:calendar value="#{egresoReport.fechaInicio}" />
						<h:outputText value="" />

						<h:outputText value="FECHA FIN:" />
						<p:calendar value="#{egresoReport.fechaFin}" />
						<h:outputText value="" />

						<p:outputLabel value="LOCAL:" />
						<p:selectOneMenu id="comboLocal"
							value="#{egresoReport.local.localid}" filter="true"
							filterMatchMode="contains">
							<f:selectItem itemLabel="ESCOJA UN LOCAL" />
							<f:selectItems value="#{localBean.listaLocales}" var="local"
								itemValue="#{local.localid}" itemLabel="#{local.nombre}" />
						</p:selectOneMenu>
						<h:outputText value="" />

						<h:outputText value="PROVINCIA:" />
						<p:selectOneMenu id="comboProvincia" filter="true"
							value="#{egresoReport.provincia.provinciaid}">
							<f:selectItem itemLabel="ESCOJA UNA PROVINCIA" />
							<f:selectItems value="#{egresoReport.listaProvincias}"
								var="provincia" itemValue="#{provincia.provinciaid}"
								itemLabel="#{provincia.nombre}" />
							<p:ajax event="change" listener="#{egresoReport.cargarCiudades}"
								update="comboCiudad" />
						</p:selectOneMenu>
						<h:outputText value="" />

						<h:outputText value="CIUDAD:" />
						<p:selectOneMenu id="comboCiudad"
							value="#{egresoReport.ciudad.ciudadid}">
							<f:selectItem itemLabel="ESCOJA UNA CIUDAD" />
							<f:selectItems value="#{egresoReport.listaCiudades}" var="ciudad"
								itemValue="#{ciudad.ciudadid}" itemLabel="#{ciudad.nombre}" />
						</p:selectOneMenu>

						<p:commandButton update=":formEgreso:tablaFacturas, :mensaje"
							icon="#{msg['iconoBuscar']}"
							actionListener="#{egresoReport.obtenerEgresos}" />
					</h:panelGrid>

					<p:dataTable id="tablaFacturas" var="egreso"
						value="#{egresoReport.listaEgresos}" paginator="true" rows="10"
						emptyMessage="#{msg['lbl.mensajeTabla']}"
						paginatorPosition="bottom" rowKey="#{egreso.egresoid}"
						selection="#{egresoReport.listaEgresoSeleccionado}">

						<p:column selectionMode="multiple"
							style="width:2%;text-align:center" />

						<p:column headerText="CÉDULA"
							style="text-align:center;width: 30px;">  
            					#{egreso.cliente.persona.cedula}
        					</p:column>

						<p:column headerText="CLIENTE"
							style="text-align:center;width: 50px;">  
            					#{egreso.cliente.persona.apellido} #{egreso.cliente.persona.nombre}
        					</p:column>

						<p:column headerText="CÓDIGO" filterBy="#{egreso.codigodocumento}"
							filterMatchMode="contains" style="text-align:center;width: 50px;">  
            					#{egreso.codigodocumento}  
        					</p:column>

						<p:column headerText="FECHA"
							style="text-align:center;width: 30px;">
							<p:outputLabel value="#{egreso.fechainicio}">
								<f:convertDateTime pattern="dd/MM/yyyy"
									timeZone="America/Guayaquil" />
							</p:outputLabel>
						</p:column>

					</p:dataTable>

					<h:panelGrid columns="2" cellpadding="1">
						<f:facet name="footer">
							<p:separator />
							<p:commandButton value="ACEPTAR" ajax="false"
								id="btnNuevoAceptar" icon="#{msg['iconoGuardar']}"
								oncomplete="PF('productosCargarDialogo').hide()"
								actionListener="#{egresoReport.reporteEntregaProducto}"
								styleClass="centrarBotonesDialogos" />

							<p:commandButton value="CANCELAR"
								oncomplete="PF('productosCargarDialogo').hide()"
								id="btnNuevolimpiar" icon="#{msg['iconoCancelar']}"
								process="@this" styleClass="centrarBotonesDialogos" />
						</f:facet>
					</h:panelGrid>
				</h:form>

			</p:dialog>

		</p:panel>

	</ui:define>

</ui:composition>
</html>